/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
/*自助申请友情链接*/
@media screen and (max-width: 750px) {
.container .row .card {
width: 100%
}
}

.container .row .pricing-deco .deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}

.container .row .pricing-deco:hover .deco-layer--1 {
-webkit-transform: translate3d(15px,0,0);
transform: translate3d(15px,0,0);
}

.container .row .pricing-deco:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px,0,0);
transform: translate3d(-15px,0,0);
}

.srcdict-yqlj {
margin-left: -10px;
margin-right: -10px;
display: flex;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 6px;
box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
}

.clearfix{
	color: #fff;
	background: linear-gradient(-125deg,#0295f9 0%, #2f49fd 100%);
	margin-top: 1rem;
	padding: 1rem 1.5rem;
	border: 1px solid transparent;
	border-radius: .375rem;
	max-width: 100%;
}

.mt20 {
margin-top: 20px;
margin-bottom: 15px;
}

.card-header {
padding: 1.25rem 1.5rem;
font-size: 1.0625rem;
background-color: #fff;
}

.card-header:first-child {
border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}

/*友情链接列表*/
.board-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding-top:1em;
    margin-left:-15px;
    width:calc(100% + 15px)
    }

.board-list .board-item{
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 0 20px 2px rgba(0,0,0,.1);
    box-shadow:0 0 20px 2px rgba(0,0,0,.1);
    -webkit-transition:all .3s;
    transition:all .3s;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column nowrap;
    flex-flow:column nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    border:none!important;
    margin-left:15px;
    margin-bottom:15px
    }
    
.board-list .board-item.hover{
    -webkit-transform:scale(.95);
    transform:scale(.95)
    }

@media screen and (min-width:768px){
    .board-list .board-item:hover{
        -webkit-transform:scale(.97);
        transform:scale(.97);
        border:none!important
    }
}

.board-list .board-item .board-thumb{
    position:relative;
    width:100%;
    padding-top:100%
    }

.board-list .board-item .board-thumb img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    margin:0;padding:0;
    -webkit-transition:.5s ease-in-out opacity;
    transition:.5s ease-in-out opacity
    }

.board-list .board-item .board-title,.board-list .board-item .board-title a{
    padding:8px 0!important;
    /*font-size:1.2em!important;*/
    overflow:hidden!important;
    white-space:nowrap!important;
    text-align:center!important;
    color:rgba(0,0,0,.86)!important;
    font-weight:700!important;
    border:none
    }

.board-list .board-item .board-title a:hover,.board-list .board-item .board-title:hover{
    border:none
    }
    
@media screen and (max-width:767px){
    .board-list .board-item{
        width:calc(33.33333333% - 15px)
        }
    }

@media screen and (min-width:768px){
    .board-list .board-item{
        width:calc(25% - 15px)
        }
    }

@media screen and (max-width:450px){
    .board-list .board-item{
        width:calc(50% - 15px)
        }
    }
    
@media screen and (min-width:992px){
    .board-list .board-item{
        width:calc(20% - 15px)
        }
    }
    
@media screen and (min-width:1230px){
    .board-list .board-item{
        width:calc(16.6666667% - 15px)
        }
    }

